<template>
  <div>
      <!-- 字母变成全部大写 -->
    <!-- <input type="text" v-model="msg" />
    <p>{{ getStr }}</p> -->
    <!-- 数字相加 -->
    <!-- <input type="number" v-model="n" @keydown.enter="add">
    <p>
        {{getSum}}
    </p> -->
    <!-- 不使用arr.length获得数组长度 -->
    <p>{{getSum}}</p>
  </div>
</template>
<style>
* {
  margin: 0;
  padding: 0;
}
</style>
<script>
export default {
  data() {
    return {
      msg: "",
      arr:[1,2,3,4,5,6,7,8],
      n:0,
      m:0
    };
  },
  methods:{
      /* 数字相加 */
      add(){
          this.arr.push(this.n*1)
      }
  },
  computed:{
      /* 文字变成大写 */
      getStr(){
          var str = this.msg.replaceAll("尼玛","**")
          return str
      },
      /* 数字相加 */
      getSum(){
          var sum = 0
          this.arr.forEach(item=>{
              sum+=item
              m++
          })
          return sum,m
      },
      /* 获得数组长度不适用arr.length */
        getSum(){
          var m = 0
          this.arr.forEach(item=>{
              m++
          })
          return m
      },
  }
};
</script>
